@media only screen and (min-device-width : 320px) and (min-device-height : 480px)
and (max-device-width : 799px)  {
    body {
        margin: 0;
    }
    /*Inscricao Index*/
    /*-------------------------------------------------------------------------*/
    #DivInscricao {
        position: absolute;
        width: 300px;
        height: 1000px;
        /*left: 3%;
        top: 2%;*/
        box-shadow: 0px 1px 4px #888888;
        
    }

    #DivModal {
        position: absolute;
        width: 50%;
        height: 50%;
        left: 25%;
        top: 5%;
    }

    .spanLabel {
        color: #337AB7;
    }

    #divImagemInscricao {
        position: absolute;
        top: 2%;
        left: 2%;
        width: 38%;
        height: 10%;
    }

    #divCabecalho {
        font-size: 1.0em;
        position: absolute;
        top: 7%;
        left: 35%;
        visibility: hidden;
    }

    #divCabecalhoMobile {
        font-size: 1.0em;
        position: absolute;
        top: 3%;
        left: 35%;
        visibility: visible;
    }

    #divMenu {
        visibility: hidden;
    }

    #divMenuMobile{
        position:absolute;
        visibility:visible;
        top:0%;
        left:0%;
        width:100%;
    }
    

    #divDadosResponsavel {
        position: absolute;
        top: 13%;
        width: 90%;
        left: 5%;
        height: 10%;
        font-size: 80%;
    }

    #divDadosAluno {
        position: absolute;
        top: 26.2%;
        width: 90%;
        left: 5%;
        height: 10%;
        font-size: 80%;
    }

    #divConteudo {
        position: absolute;
        top: 38%;
        left: 0%;
        width: 100%;
        height: 88%;
        z-index: 1;
    }
    
    #ImprimirBoleto{
        position:absolute;
        left:20%;
        font-size:100%;
    }

    #ImprimirComprovante{
        position:absolute;
        left:50%;
        font-size:100%;
    }


    /*Menu*/
    /*---------------------------------------------------------------------*/
    .topnav {
        overflow: hidden;
        /*background-color: #333;*/
        background-color: transparent;
        z-index: 1;
    }

        .topnav a {
            float: left;
            display: block;
            color: #286090;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 80%;
        }

            .topnav a:hover {
                background-color: #ddd;
                color: black;
                /*background-color: #A71C20;
                color: white;*/
            }

        .topnav .icon {
            display: none;
        }

        .topnav a:last-child {
            background-color: transparent;
            color: #286090;
        }


        .topnav a:not(:last-child) {
            background-color: #286090;
            color: white;
        }


        .topnav a {
            display: none;
        }

            .topnav a.icon {
                float: right;
                display: block;
            }



        .topnav.responsive {
            position: relative;
        }

            .topnav.responsive .icon {
                position: absolute;
                right: 0;
                top: 0;
            }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: left;
                background-color:#337AB7;
                color: white;
            }


                .topnav.responsive a:not(:last-child):hover {
                    background-color: #A71C20;
                    color: white;
                }

    /*Partial Inscrição*/
    /*---------------------------------------------------------------------*/
    #divPartialInscricao {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
    }

    #divProcessoSeletivo {
        position: absolute;
        top: 0%;
        width: 90%;
        left: 5%;
        height: 6%;
    }

    #dropProc {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 60%;
        left: 0%;
    }

    #spanProcessoSeletivo {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divLocal {
        position: absolute;
        top: 7%;
        width: 90%;
        left: 5%;
        height: 6%;
    }

    #dropLocal {
        position: absolute;
        top: 40%;
        width: 100%;
        height: 60%;
        left: 0%;
    }

    #spanLocal {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divOfertas {
        position: absolute;
        top: 14%;
        width: 90%;
        left: 5%;
        height: 6%;
    }

    #dropOfertas {
        position: absolute;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
        font-size: 60%;
    }

    #spanOferta {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #divForma {
        position: absolute;
        top: 21%;
        width: 90%;
        left: 5%;
        height: 6%;
    }

    #spanForma {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

     #dropForma {
        position: absolute;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
     
    }

    #divValor {
        position: absolute;
        top: 28%;
        width: 90%;
        left: 5%;
        height: 6%;
    }

    #spanValor {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #txtValor{
        position: absolute;
        top: 40%;
        width: 50%;
        left: 0%;
        height: 60%;
    }

     #divTermo {
        position: absolute;
        top: 36%;
        width: 100%;
        left: 5%;
        height: 15%;
    }

    #spanTermo {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #337AB7;
    }

    #pTermo {
        position: absolute;
        top: 13%;
        left: 0%;
        font-size: 11px;
    }

     #pTermo2 {
        position: absolute;
        top: 65%;
        left: 0%;
        font-size: 12px;
        font-weight: bold;
    }

    #DivRespAceite {
        position: absolute;
        top: 84%;
        left: 0%;
        width: 100%;
    }

     #divFinalizar {
        position: absolute;
        top: 53%;
        left: 5%;
        width: 45%;
        height: 8%;
    }

     #btnFinalizar {
        background-color: #4285F4;
        color: white;
        top: 40%;
        width: 100%;
        left: 0%;
        height: 60%;
    }

    /*---------------------------------------------------------------------*/
    /*Partial Listar Inscrições*/
    /*---------------------------------------------------------------------*/
    #divInscricoesdoAluno {
        display: inline-block;
        width: 90%;
        height: 40%;
        overflow: auto;
        top: 0%;
        left: 5%;
        position: absolute;
    }
    
    #divAtividades {
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        position: absolute;
        font-size: 80%;
    }

     .labelAtividade {
        color: #337AB7;
    }

     /*.DivImpressaoCompBol{
        position:absolute;
        left:0%;
        top:0%;
        height:50%;
     }*/

     #ImprimirBoleto{
        position:absolute;
        left:0%;
    }

    #ImprimirComprovante{
        position:absolute;
        
        left:30%;
    }


    /*---------------------------------------------------------------------*/
    /*PartialView Impressão */

    #divConteudoImpressao {
        position: absolute;
        top: 15%;
        left: 1.8%;
        width: 95%;
        height: 50%;
    }

    #divTop {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 7%;
    }

    #btnFechar {
        position: absolute;
        left: 95%;
        top: 35%;
    }

    #divCampos {
        position: absolute;
        top: 7%;
        left: 5%;
        width: 90%;
        height: 80%;
    }

    #spanErroImpressao {
        color: red;
        font: 85% verdana;
    }

    #spanErroImpressao2 {
        color: black;
        font: 75% verdana;
    }

    #spanSucessoInscricao {
        color: #356891;
        font: 80% verdana;
    }

    #pTexto {
        color: black;
        font: 70% verdana;
    }

    #pTextoDestacado {
        color: red;
        font: 70% verdana;
    }

    #divImprimirComprovante {
        position: absolute;
        top: 90%;
        left: 0%;
        width: 50%;
        height: 17%;
        
    }

    #btnImpComprovante {
        background-color: #4285F4;
        color: white;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        font: 80% verdana;
    }

    #divAvisoPagamentoBoleto {
        position: absolute;
        top: 70%;
        left: 3%;
        width: 100%;
        height: 20%;
    }

    #spanAvisoPagamentoBoleto {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        color: black;
        font-size: 10px ;
        font-weight:bold;
    }


    #divImprimirBoleto {
        position: absolute;
        top: 90%;
        left: 53%;
        width: 50%;
        height: 17%;
    }

    #btnImpBoleto {
        background-color: #4285F4;
        color: white;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        font: 80% verdana;
    }
   /*--------------------------------------------------------------------------------------*/
}